<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Lucky 后台管理系统</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">

    <link rel="stylesheet" href="../../../lucky/css/bootstrap.css" />
    <link rel="stylesheet" href="../../../lucky/css/bootstrap-extended.css" />

    <link rel="stylesheet" href="../../../lucky/fonts/feather/style.min.css" />
    <link rel="stylesheet" href="../../../lucky/fonts/line-awesome/css/line-awesome.min.css" />
    <link rel="stylesheet" href="../../../lucky/fonts/simple-line-icons/style.min.css" />

    <link rel="stylesheet" href="../../../lucky/fonts/flag-icon-css/css/flag-icon.min.css" />

    <link rel="stylesheet" href="../../../lucky/css/colors.css" />
    <link rel="stylesheet" href="../../../lucky/css/palette-gradient.css" />
    <link rel="stylesheet" href="../../../lucky/css/palette-switch.css" />
    <link rel="stylesheet" href="../../../lucky/css/palette-tooltip.css" />
    <link rel="stylesheet" href="../../../lucky/css/components.css" />
    <link rel="stylesheet" href="../../../lucky/css/vertical-timeline.css" />
    <link rel="stylesheet" href="../../../lucky/css/vertical-menu-modern.css" />
</head>
<body>
<section id="basic-form-layouts">
    <div class="card mb-0">
        <div class="card-content">
            <div class="card-body">
                <div class="card-text">
                    <p>This is the most basic and default form having form section.</p>
                </div>
                <form class="form">
                    <div class="form-body">
                        <h4 class="form-section">
                            <i class="ft-flag"></i> Company Info</h4>
                        <div class="form-group">
                            <label for="companyName">Company Name</label>
                            <input type="text" id="companyName" class="form-control" placeholder="Company Name" name="company">
                        </div>
                        <div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="companyinput1">Email</label>
                                    <input type="email" id="companyinput1" class="form-control" placeholder="email" name="email">
                                </div>
                            </div>
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="companyinput5">Company Locations</label>
                                    <select id="companyinput5" name="interested" class="form-control">
                                        <option value="none" selected="" disabled="">Countries</option>
                                        <option value="design">US</option>
                                        <option value="development">Canada</option>
                                        <option value="illustration">Japan</option>
                                        <option value="branding">Australia</option>
                                        <option value="video">China</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="companyinput8">About Company</label>
                            <textarea id="companyinput8" rows="5" class="form-control" name="comment" placeholder="About Company"></textarea>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</section>
</body>
</html>